<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{$title}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/static/index/amazeui/css/amazeui.min.css"/>
<link rel="stylesheet" href="/static/index/default/style.css"/>
<script src="/static/index/amazeui/js/jquery.min.js"></script>
<script src="/static/index/amazeui/js/amazeui.min.js"></script>

<style>
	.num-span{
		background: #497bae;
	    color: #fff;
	    line-height: 2rem;
	    margin: 0px 10px 0px 0px;
	    border-radius: 50%;
	    padding: 0px 8px;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.container {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 0;
	}
	.am-cf li{
		position: relative;
	}
</style>
</head>

<body>
<form class="container">
	<!--引入头文件 -->
		{include file="common/header" /}
   <!-- 商品详情 -->
		<div data-am-widget="tabs" class="am-tabs am-tabs-d2">
			<ul class="am-tabs-nav am-cf">
				{if condition="$Think.session.indexUserInfo.type != 2"}
            		<li class="am-active">
            			<a href="[data-tab-panel-1]">我评别人</a><span class="am-fr num-span" >{$tab1count}</span>
					</li>
					<li class="">
						<a href="[data-tab-panel-0]">别人评我<span class="am-fr num-span">{:count($tab2content)}</span></a>
					</li>
				{else /}
					<li class="am-active">
            			<a href="[data-tab-panel-1]">我评别人</a><span class="am-fr num-span" >{$tab1count}</span>
					</li>
				{/if}
				
				
			</ul>
			<div class="am-tabs-bd am-accordion-content">
				{if condition="$Think.session.indexUserInfo.type != 2"}
					<div data-tab-panel-0 class="am-tab-panel am-active">
						<table class="table table-striped table-bordered table-hover " id="editable">
		                <thead id="delete-sorting" onclick="">
		                    <tr>
		                        <th>参评类别</th>
		                        <th>被评人</th>
		                        <th>我的评分</th>
		                    </tr>
		                </thead>
	                   	</table>
					</div>
					<div data-tab-panel-1 class="am-tab-panel am-accordion-content">
						<table class="am-table am-table-striped am-table-hover comm-table">
			            	<thead>
			                    <tr>
			                        <th>参评类别</th>
			                        <th>参评人数</th>
			                        <th>评教得分</th>
			                    </tr>
			                </thead>
			                <tbody>
			                	{volist name="tab2content" id="vo"}
									<tr>
				                        <td>{$vo.ename}</td>
				                        <td>{$vo.grup}</td>
				                        <td>{$vo.sumscore}</td>
				                    </tr>
								{/volist}
			                </tbody>
			           </table>
			           <span>我的总分：{$sumscore1}</span>
					</div>
            	{else /}
            		<div data-tab-panel-0 class="am-tab-panel am-active">
						<table class="table table-striped table-bordered table-hover " id="editable">
		                <thead id="delete-sorting" onclick="">
		                    <tr>
		                        <th>参评类别</th>
		                        <th>被评人</th>
		                        <th>我的评分</th>
		                    </tr>
		                </thead>
	                   	</table>
					</div>
				{/if}
				
				
	
			</div>
		</div>
    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
	    <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
	  <div class="am-footer-miscs ">
	    <p>CopyRight©2014 AllMobilize Inc.</p>
	    <p>京ICP备13033158</p>
	  </div>
	</footer>
    
</div>

<link href="/static/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/plugins/dataTables/jquery.dataTables.js" ></script>
<script src="/static/plugins/dataTables/dataTables.bootstrap.js" ></script>
<style>
	/*#editable_length{
		width: 24%;
	}*/
	
	/*#editable_length select{
		width: 100%;
	}*/
	#editable_filter{
		width: 100%;
    	display: block;
	}
	#editable_filter input{
		width: 100%;
	}
	
	#editable{
		width: 100%;
	}
</style>
<script>
	$(function(){
		 var table;
	  	$(function () {
	 		table = $('#editable').DataTable( {
	            "ajax": {
	                "url": "/index/user/mypingjiaoList",
	                //默认为data，这里定义为demo
	                "dataSrc": "data"
	            },
	            "bSort" : false,
			    "columns": [
		            { "data": "ename" },
		            { "data": "tname" },
		            { "data": "score" }
		        ]
		            
	     	} );
	     	$("#editable").css("width","100%");
	     
	    });
	    
		
	})
</script>
</body>
</html>
